*,
*::before,
*::after {
    box-sizing: border-box;
}

body {
    background-color: #d5edeb;
    color: #1c140c;
    font-family: arial, sans-serif;
    line-height: 1.5;
    margin: 0;
}

a {
    color: #1c140c;
}

a:hover {
    color: #55a586;
}

main {
    margin: 2rem auto;
    max-width: 70ch;
}

/* animation */
#progress {
    background-color: #55a586;
    height: 20px;
    position: fixed;
    top: 0;
    left: 0;
    transform-origin: left center;
    width: 100%;
    z-index: 9;

    animation: progress linear;
    animation-timeline: scroll();
}

@keyframes progress {
    from {
        transform: scaleX(0);
    }
}